<template>
  <div class="huoqipage">
     <div class="breakline">
        当前位置：账户查询>账户信息查询><span>活期账户</span>
     </div>
      <div class="line">
        <div class="iconfont icon-gouxuan1"></div>
        <div class="title">尊敬的用户，由于实时文件生成超时，已自动为您设置异步下载任务，请您前往“异步下载查询”中下载</div>
      </div>
      <div class="btnline">
        <div class="btn act" @click="back">确定</div>
        <div class="btn">取消</div>
      </div>



  </div>
</template>

<script>
export default {
data(){
    return{
       
    }
},
methods:{
 back(){
    this.$router.push({
        path:'/getMenuInfo/files'
    })
 },
}

}
</script>

<style lang='less' scoped>
.huoqipage{
    width: 100%;
    background: white;
    padding-bottom: 2rem;
    .breakline{
        width: 100%;
        display: flex;
        align-items: center;
        background: #F5F4F9;
        border: 1px solid #cccccc;
        box-sizing: border-box;
        font-size: 0.8rem;
        padding: 0.5rem 0.3rem;
        span{
            font-weight: bold;
        }
    }
   .line{
    width: 100%;
    margin-top: 3rem;
    background: #F6FAFD;
    display: flex;
    align-items: center;
    height: 5rem;
    .iconfont{
        font-size: 3rem;
        color: #3CC575;
        margin-left: 10rem;
    }
   }
   .btnline{
    width: 100%;
    display: flex;
    align-items: center;
    margin: 2rem 0 0 0;
    .btn{
        width: 6rem;
        height: 1.8rem;
        border-radius: 0.2rem;
        color: white;
        text-align: center;
        line-height: 1.8rem;
        background: #2093D4;
        margin-right: 1rem;
        cursor: pointer;
    }
    .act{
        margin-left: 13rem;
    }
   }
   

}
</style>